import QtQuick

Row {
    id:_row
    height: 12
    width: 59
    spacing: 5

    signal sigHome()
    signal sigPrevious()

    property bool bEnableHome: true
    property bool bEnableBack: true

    Image{
        id:_imageHome
        width:24
        height: width
        anchors.verticalCenter: parent.verticalCenter
        property string normalImagee: "qrc:/res/ico_backtohome_normal.png"
        property string disableImage: "qrc:/res/ico_backtohome_disable.png"
        property string pressImage: "qrc:/res/ico_backtohome_press.png"
        property string hoverImage: "qrc:/res/ico_backtohome_hover.png"
        source: enabled?normalImagee:disableImage
        enabled:bEnableHome
        mipmap: true
        fillMode:Image.PreserveAspectFit
        MouseArea{
            anchors.fill: parent
            acceptedButtons: Qt.LeftButton
            hoverEnabled: true
            onClicked: {
                _row.sigHome()
            }
            onPressed: {
                parent.source = parent.pressImage
            }

            onEntered:{
                parent.source = parent.hoverImage
            }
            onExited: {
                parent.source = parent.normalImagee
            }
        }
    }

    Rectangle{
        width: 1
        height: 12
        color: "#33466392"
        anchors.verticalCenter: parent.verticalCenter
    }

    Image{
        id:_imageBack
        width:24
        height: width
        mipmap: true
        fillMode:Image.PreserveAspectFit
        anchors.verticalCenter: parent.verticalCenter
        property var normalImagee: "qrc:/res/ico_back_normal.png"
        property var disableImage: "qrc:/res/ico_back_disable.png"
        property var pressImage: "qrc:/res/ico_back_press.png"
        property var hoverImage: "qrc:/res/ico_back_hover.png"
        source: enabled?normalImagee:disableImage
        enabled: bEnableBack
        MouseArea{
            anchors.fill: parent
            acceptedButtons: Qt.LeftButton
            hoverEnabled: true
            onClicked: {
                _row.sigPrevious()
            }
            onPressed: {
                parent.source = parent.pressImage
            }

            onEntered:{
                parent.source = parent.hoverImage
            }
            onExited: {
                parent.source = parent.normalImagee
            }
        }
    }
}
